<!doctype html>
<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="viewport"
        content="width=device-width, initial-scale=1">
  <title>浮生梦</title>
  <!-- Set render engine for 360 browser -->
  <meta name="renderer" content="webkit">

  <!-- No Baidu Siteapp-->
  <meta http-equiv="Cache-Control" content="no-siteapp"/>

  <link rel="icon" type="image/png" href="assets/i/favicon.png">
  <!-- Add to homescreen for Chrome on Android -->
  <meta name="mobile-web-app-capable" content="yes">
  <link rel="icon" sizes="192x192" href="assets/i/app-icon72x72@2x.png">

  <!-- Add to homescreen for Safari on iOS -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
  <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">

  <!-- Tile icon for Win8 (144x144 + tile color) -->
  <meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">
  <meta name="msapplication-TileColor" content="#0e90d2">

  <link rel="stylesheet" href="http://cdn.amazeui.org/amazeui/2.7.2/css/amazeui.min.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css">
  <link rel="stylesheet" type="text/css" href="/css/detail.css">
	<link rel="stylesheet" type="text/css" href="/css/animate.css"/>
  <script src="http://qzs.qq.com/tencentvideo_v1/js/tvp/tvp.player.js" charset="utf-8"></script>
  <style type="text/css">
      ul{
        padding: 0;
        margin: 0;
      }
      li{
        list-style: none;
      }
	
  </style>
</head>
<body >
	<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <!--[if (gte IE 9)|!(IE)]><!-->
    <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script><!--<![endif]-->
    <!--[if lte IE 8 ]>
    <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
    <script src="assets/js/amazeui.ie8polyfill.min.js"></script>
    <![endif]-->
    <script src="http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.min.js"></script>
    

		    <div class="outer-container">
      <div class="inner-container">
        <div id="app">
          <div class="navtop">
              <div class="headWrapper">
                     <div class="content" style="display: flex; justify-content: space-between; align-items: center;">
                         <div class="logo">
                             <a href="/" >
                                 <img src="/img/icon/logo.png">
                             </a>
                         </div>

                         <div class="navWrapper">
                             <ul class="nav">
                                 <li>
                                     <a  href="/"><span>首页</span></a>
                                 </li>
                                 <li>
                                     <a class="active" href="/inn"><span>我的江湖</span></a>
                                 </li>
                                 <li>
                                     <a href="javascript:;"><span>分类</span></a>
                                 </li>
                                 <li>
                                     <a href="javascript:;"><span>敬请期待</span></a>
                                 </li>
                                 <li>
                                     <a href="javascript:;"><span>敬请期待</span></a>
                                 </li>
                             </ul>
                         </div>
                     </div>
              </div>
          </div>
          
          
          <div class="" style="height: 100vh;width: 100%;margin-top: 50%">
            
            <input type="text" name="" id="name">
            <input type="text" name="" id="pwd">
            <div id="login0">提交</div>
          </div>

         <!--  <div class="about" style="background-image: url('/img/index/about.png');">
              <div class="content" style="display: flex;justify-content: center;">
                  <div class="aboutinfo">
                      这是一我的一个脚印，<br/>
                      人生很长，总要留点什么，证明你来过。
                      <a href="javascript:;" class="abouthref">MORE</a>
                  </div>
                  <div class="abouticon">
                      Future
                  </div>
              </div>

          </div> -->
          <div class="shares" >
            <a  href="javascript:;" id="gotop" style="display: block;">
                  <i class="fa fa-angle-up"></i>
              </a>
          </div>
          <div class="footer">
              <div style="width: 70%;margin: 0 auto;">
                COPYRIGHT (©) 浮生梦 2019 仅个人学习使用. 如有疑问请联系 QQ:1078949071
              </div>
              <div v-for></div>

          </div>

        </div>
    </div>

	</div>
		
   


<script>
    var that=this;
    var app= new Vue({
          el: '#app',
          data: {
            banlist:["/img/myinn/1.png","/img/myinn/4.png","/img/myinn/3.png","/img/myinn/2.png"],
            mlist:[
							{
							src:"/img/myinn/m1.png",
							title:"素材源自白袷",
							},
							{
							src:"/img/myinn/m2.png",
							title:"素材源自白袷",
							},
							{
							src:"/img/myinn/m3.png",
							title:"素材源自白袷",
							},
							
						],						
        },  
        created(){

        },
        mounted(){
					
				}							
    })
</script>
<script type="text/javascript">
	$('.mlistwarrp').mouseover(function(){
		$(this).find('.mtitle').show();
	})
	$('.mlistwarrp').mouseout(function(){
		
		$(this).find('.mtitle').hide();
	})
</script>

<script type="text/javascript">
    $("#login0").click(function(){ 
            var name = $("#name").val();
            var pwd = $("#pwd").val();
            
            var data = {"uname":name,"upwd":pwd};
            
            $.ajax({
                url: "/buy/list",
                type: 'post',
                dataType: 'json',
                data:data,
                success: function (res) {
                  console.log(res);
                  if (res.ok==true) {
                    window.location.href="/sell";
                    
                  }
                },
                fail: function (err) {
                  console.log(err)
                }
              })
        });
   



</script>

<script type="text/javascript">
    var i=document.body.clientHeight;
   var b =  $('.about').height();
    var j=0;
     $(window).scroll(function(){
        var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
//         console.log($('.about').height());
// console.log(i);
        if(scrollTop > 0){
            $(".navtop").addClass('navtopwit');
            $(".logo img").addClass('imgmin');
        } else {
            $(".navtop").removeClass('navtopwit');
             $(".logo img").removeClass('imgmin');
             
        }

    })
     $(window).scroll(function () {
      if($(window).scrollTop()>=300) {
        $(".shares").fadeIn(400); /* 当滑动到不小于 100px 时，回到顶部图标显示 */
      }else {
        $(".shares").fadeOut(400); /* 当滑动到小于(页面被卷去的高度) 100px 时，回到顶部图标隐藏 */
      }
    });
     
     $('#gotop').click(function(){
         $("html, body").animate({scrollTop: 0}, 400); /* 持续时间为 100ms */
      return false;
     })
    
		 $(document).ready(function(){
			 var mySwiper = new Swiper('.swiper-container', {
			 										loop:true,
			 										speed:900,
			 										navigation: {
			 											nextEl: '.swiper-button-next',
			 											prevEl: '.swiper-button-prev',
			 										},
			 										// 如果需要分页器
			 										pagination: {
			 											el: '.swiper-pagination',
			 											clickable :true,
			 										},
			 										}) 											
			 								
		 })
		 
		 
</script>

</body>
</html>